<template>
    <div>
        <Headers></Headers>
        <Slide @forward="forwardSystem"></Slide>
        <div class="content">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import Headers from '../components/header'
import Slide from '../components/Slide'
export default {
    name:"index",
    components:{Headers,Slide},
    data() {
        return{

        }
    },
    methods:{
        forwardSystem(id) {
            this.$router.push(id)
        }
    }
};
</script>

<style lang="scss">
    .content{
        position: fixed;
        top: 60px;
        left: 200px;
        right: -20px;
        bottom: 0;
        overflow-y: scroll;
        padding-bottom: 40px;
    }
</style>


